<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje" style="text-align:left;">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Equipos" styleClass="no_border">
					<h:panelGrid columns="2">
						<rich:spacer width="300px;"></rich:spacer>
						<h:outputText value="Equipos" styleClass="thTitulo" />
					</h:panelGrid>
					<rich:spacer height="35px;"></rich:spacer>
					<h:panelGrid columns="2">
						<rich:spacer width="100px;"></rich:spacer>
						<h:outputText style="width:550px;"
							value="En esta sección de la aplicación se gestionará todo lo relacionado con
						los equipos del campeonato, desde el alta de un nuevo equipo, la baja de alguno ya 
						existente, la edición de los datos de estos o la consulta. Más abajo tienes las diferentes
						opciones disponibles."
							styleClass="thDescripcion" />
					</h:panelGrid>
					<rich:spacer height="50px;"></rich:spacer>
					<h:panelGrid columns="13">
						<rich:spacer width="330px;"
							rendered="#{autenticador.user.perfil.id == 3}"></rich:spacer>
						<rich:spacer width="125px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1"
							rendered="#{autenticador.user.perfil.id != 3}">
							<a4j:commandButton styleClass="botonSubmenu nuevoEquipo"
								style="width:48px;" action="#{equipoAction.nuevoEquipo()}"
								title="pulsa para crear un nuevo equipo">
							</a4j:commandButton>
							<h:outputText value="Nuevo" styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1"
							rendered="#{autenticador.user.perfil.id != 3}">
							<a4j:commandButton styleClass="botonSubmenu eliminarEquipo"
								action="#{equipoSearch.modoEliminar()}"
								title="pulsa para eliminar un equipo">
							</a4j:commandButton>
							<h:outputText value="Eliminar" styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1"
							rendered="#{autenticador.user.perfil.id != 3}">
							<a4j:commandButton styleClass="botonSubmenu altaEquipo"
								action="#{equipoSearch.modoAlta()}"
								title="pulsa para dar de alta a un equipo">
							</a4j:commandButton>
							<h:outputText value="Alta" styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1"
							rendered="#{autenticador.user.perfil.id != 3}">
							<a4j:commandButton styleClass="botonSubmenu bajaEquipo"
								action="#{equipoSearch.modoBaja()}"
								title="pulsa para dar de baja a un equipo">
							</a4j:commandButton>
							<h:outputText value="Baja" styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1"
							rendered="#{autenticador.user.perfil.id != 3}">
							<a4j:commandButton styleClass="botonSubmenu editarEquipo"
								action="#{equipoSearch.modoEdicion()}"
								title="pulsa para editar los datos de un equipo">
							</a4j:commandButton>
							<h:outputText value="Editar" styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1">
							<a4j:commandButton styleClass="botonSubmenu consultaEquipo"
								action="#{equipoSearch.modoConsulta()}"
								title="pulsa para consultar los datos de un equipo">
							</a4j:commandButton>
							<h:outputText value="Consultar" styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
					</h:panelGrid>
					<rich:spacer height="50px;"></rich:spacer>
				</rich:tab>
			</rich:tabPanel>
			<rich:spacer height="10px;"></rich:spacer>

		</h:panelGrid>

	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="3" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" value=""
					id="linkAyuda" style="width:48px;"
					title="pulsa para recibir ayuda acerca de esta pantalla">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="25px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera volver"
					style="width:48px;" action="gotoMenu"
					title="pulsa para volver al menú principal de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Esta pantalla representa el menú principal de la aplicación.
					Desde aquí y haciendo click en cualquiera de los iconos podrá acceder
					a todas las opciones disponibles, desde la gestión de jugadores, pasando
					por la de los equipos hasta la rápida gestión de la competición."
					style="width:350px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>